/* Reset & Base */
  * { margin:0; padding:0; box-sizing:border-box; font-family:Arial, sans-serif; }
  body { line-height:1.6; color:#333; background:#f4f7f9; }
  a { text-decoration:none; color:#fff; }
  button { cursor:pointer; transition:0.3s; }

  /* Hero */
  header { background:linear-gradient(135deg, #007BFF, #00CFFF); padding:80px 20px; text-align:center; color:#fff; border-bottom-left-radius:40px; border-bottom-right-radius:40px; }
  header h1 { font-size:2.5rem; margin-bottom:10px; }
  header p { font-size:1.2rem; margin-bottom:20px; }
  .btn { display:inline-block; padding:12px 25px; margin:5px; background:#FFD700; color:#333; border-radius:10px; border:none; font-weight:bold; transition:0.3s; }
  .btn:hover { background:#FFA500; }

  /* Sections */
  section { padding:60px 20px; max-width:1000px; margin:0 auto; }
  h2 { font-size:2rem; margin-bottom:20px; text-align:center; color:#007BFF; }

  /* Bullets */
  .bullets { list-style:disc; margin-left:20px; margin-bottom:30px; }

  /* Demo */
  .demo { text-align:center; margin-top:30px; }
  .demo img { max-width:100%; border:3px solid #007BFF; border-radius:15px; box-shadow:0 10px 20px rgba(0,0,0,0.1); }

  /* Steps */
  .steps { display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:30px; }
  .step { flex:1 1 250px; padding:20px; margin:10px; text-align:center; background:#fff; border-radius:15px; box-shadow:0 5px 15px rgba(0,0,0,0.1); transition:0.3s; }
  .step:hover { transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,0.15); }

  /* Pricing */
  .pricing { text-align:center; background:#fff; padding:50px 20px; border-radius:20px; box-shadow:0 10px 25px rgba(0,0,0,0.1); margin-top:30px; }
  .price { font-size:2.5rem; margin:15px 0; font-weight:bold; color:#007BFF; }

  /* Testimonials */
  .testimonial { background:#fff; padding:30px; border-radius:20px; margin-bottom:20px; box-shadow:0 5px 15px rgba(0,0,0,0.1); }

  /* Contact Form */
  form { max-width:500px; margin:0 auto; display:flex; flex-direction:column; background:#fff; padding:30px; border-radius:20px; box-shadow:0 10px 25px rgba(0,0,0,0.1); }
  form input, form textarea { padding:12px; margin-bottom:15px; border:1px solid #ccc; border-radius:10px; width:100%; font-size:1rem; }
  form button { background:#007BFF; color:#fff; padding:15px; border:none; border-radius:10px; font-weight:bold; transition:0.3s; }
  form button:hover { background:#005BBB; }

  /* Footer */
  footer { text-align:center; padding:40px; background:#007BFF; color:#fff; margin-top:40px; border-radius:20px 20px 0 0; }

  /* Pop-Up Form */
  #popupForm { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; justify-content:center; align-items:center; }
  #popupFormContent { background:white; padding:30px; max-width:400px; width:90%; border-radius:20px; text-align:left; box-shadow:0 10px 30px rgba(0,0,0,0.2); }
  #popupFormContent button.close { margin-top:15px; background:#ccc; color:#333; width:100%; border-radius:10px; padding:12px; }